/*
    Gallery
 */
.tt-gallery-layout{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: stretch;
    align-items: flex-start;
    @media (min-width: 1025px){
        margin-top: -30px;
        margin-left: -30px;
        .tt-item{
            margin-top: 30px;
            margin-left: 30px;
            width: calc(33.333% - 30px);
        }
    }
    @media (max-width: 1024px){
        margin-top: -20px;
        margin-left: -20px;
        .tt-item{
            margin-top: 20px;
            margin-left: 20px;
            width: calc(33.333% - 20px);
        }
    }
    @media (max-width: 470px){
        .tt-item{
            width: calc(50% - 20px);
        }
    }
}
.tt-gallery-obj{
    display: block;
    position: relative;
    transition: all 0.3s linear;
    img{
        width: 100%;
        height: auto;
    }
    &:before{
        content: url('');
        display: block;
        top: 50%;
        left: 50%;
        margin-top: -13px;
        margin-left: -20px;
        width: 40px;
        height: 25px;
        position: absolute;
        display: block;
        transition: all 0.1s linear;
        pointer-events: none;
    }
    @media (min-width: 1025px){
        &:before{
            transform: scale(0);
        }
        &:hover{
            &:before{
                transform: scale(1);
            }
        }
    }
}